<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>好农特惠</title>

    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <style>
    	.content-padded {
				padding: 0 10px;
			}
			.title {
				overflow: hidden;
				margin: 10px 0;
			}
			.title .aui-pull-left {
				border-left: 3px solid #6ac82c;
				padding-left: 10px;
				color: #333;
				line-height: 18px;
				margin-top: 3px;
			}
			.list-view {
				display: -webkit-box;
				display: box;
				padding: 5px;
			}
			.list-view li{
				-webkit-box-flex: 1;
				box-flex: 1;
				margin: 0 5px;
				border: 1px solid #dfdfdf;
				padding: 5px;
			}
			.list-view li img {
				width: 100%;
			}
			.list-view li p {
				color: #333;
				font-size: 14px;
			}
			.list-view li span {
				color: #ff4040;
				font-size: 16px;
			}
    </style>
</head>
<body>
<header id="header" class="aui-bar aui-bar-nav">
    <a href="../html/frame_tab_1.html" class="aui-pull-left"> <span class="aui-iconfont aui-icon-left"></span> </a>
    <div id="header-title" class="aui-title">
        好农特惠
    </div>
</header>
    <div id="top-div"></div>
	<div class="content-padded">
			<div class="title">
				<div class="aui-pull-left">
					轻松购 享低价
				</div>
			</div>
		</div>
		<ul class="list-view">
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
		<ul class="list-view">
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
		<ul class="list-view">
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
		<ul class="list-view">
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/zepto.min.js"></script>
<script type="text/javascript">
$('.list-view li').click(function() {
    window.location.href = '../html/detail.html'
		})
</script>
</html>